﻿<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>
<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" language="C#" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
    <script type="text/javascript" src="../Scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.runtime.debug.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.debug.js"></script>

    <!-- Add your CSS styles to the following file -->
    <link rel="Stylesheet" type="text/css" href="../Content/App.css" />
    <link rel="stylesheet" type="text/css" href="../Content/Home.css" />

    <!-- Add your JavaScript to the following file -->
    <script type="text/javascript" src="../Scripts/App.js"></script>

    <!-- The following script runs when the DOM is ready. The inline code uses a SharePoint feature to ensure -->
    <!-- The SharePoint script file sp.js is loaded and will then execute the sharePointReady() function in App.js -->
    <script type="text/javascript">
        $(document).ready(function () {
            SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () { sharePointReady(); });

        });
    </script>
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ID="Content2" ContentPlaceHolderId="PlaceHolderMain" runat="server">

    <div>
        <p id="message">
            <!-- The following content will be replaced with the user name when you run the app - see App.js -->
            
        </p>
        
    </div>
    <h1 id="FullScrollableH1">SharePoint 2013 Photo Gallery Spotlight</h1>
    <div id="homeIconNav">          
        <div class="HomeApp">
            <a href="Full.aspx">
                <div class="HomeAppSpan">
                    <img id="fullscrollable" src="_layouts/15/images/ltgen.png?rev=23" alt="view Full Scrollable">
                    <div class="HomeAppHeader">Full Scrollable</div>
                </div>
                <div class="HomeAppDetail" >
                    <ul>
                        <li class="HomeAppDetailText">
                                View the Full Scrollable Web Part
                        </li>
                    </ul>
                </div>
            </a>
        </div>
        <div class="HomeApp">
            <a href="../lists/SPGPhotoList">
                <div class="HomeAppSpan">
                    <img src="/_layouts/15/images/devsitegettingstarted.png" style="left:-151px; top:0px; position:absolute;" alt="Upload Images">
                    <div class="HomeAppHeader">Upload</div>
                </div>
                <div class="HomeAppDetail" >
                    <ul>
                        <li class="HomeAppDetailText">
                                Upload a photo for the Full Scrollable Spotlight
                        </li>
                    </ul>
                </div>
            </a>
        </div>
        <div class="HomeApp">
            <a href="../lists/Settings">
                <div class="HomeAppSpan">
                    <img src="/_layouts/15/images/devsitegettingstarted.png" style="left:-0px; top:-151px; position:absolute;" alt="View Settings">
                    <div class="HomeAppHeader">Settings</div>
                </div>
                <div class="HomeAppDetail" >
                    <ul>
                        <li class="HomeAppDetailText">
                                Add Settings for all Spotlight app parts
                        </li>
                    </ul>
                </div>
            </a>
        </div>
        <div class="HomeApp">
            <a href="Help.aspx">
                <div class="HomeAppSpan">
                    <img src="/_layouts/15/images/devsitegettingstarted.png" style="left:-0px; top:-0px; position:absolute;" alt="View Help">
                    <div class="HomeAppHeader">Help</div>
                </div>
                <div class="HomeAppDetail" >
                    <ul>
                        <li class="HomeAppDetailText">
                                View help and documentation for this application
                        </li>
                    </ul>
                </div>
            </a>
        </div>        
    </div>

</asp:Content>
